.tui-banner-box {
    width: 100%;
    padding: 0 20rpx;
    box-sizing: border-box;
    /*position: absolute;*/
    /* overflow: hidden; */
    z-index: 99;
    /*bottom: -80rpx;*/
    left: 0;
    margin-bottom: 20rpx;
}

.tui-banner-swiper {
    width: 100%;
    height: 240rpx;
    border-radius: 12rpx;
    overflow: hidden;
    transform: translateY(0);
}

.tui-slide-image {
    width: 100%;
    height: 240rpx;
    display: block;
}

/* #ifdef APP-PLUS || MP */
.tui-banner-swiper .wx-swiper-dot {
    width: 8rpx;
    height: 8rpx;
    display: inline-flex;
    background: none;
    justify-content: space-between;
}

.tui-banner-swiper .wx-swiper-dot::before {
    content: '';
    flex-grow: 1;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 16rpx;
    overflow: hidden;
}

.tui-banner-swiper .wx-swiper-dot-active::before {
    background: #fff;
}

.tui-banner-swiper .wx-swiper-dot.wx-swiper-dot-active {
    width: 16rpx;
}

/* #endif */

/* #ifdef H5 */
>>>.tui-banner-swiper .uni-swiper-dot {
    width: 8rpx;
    height: 8rpx;
    display: inline-flex;
    background: none;
    justify-content: space-between;
}

>>>.tui-banner-swiper .uni-swiper-dot::before {
    content: '';
    flex-grow: 1;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 16rpx;
    overflow: hidden;
}

>>>.tui-banner-swiper .uni-swiper-dot-active::before {
    background: #fff;
}

>>>.tui-banner-swiper .uni-swiper-dot.uni-swiper-dot-active {
    width: 16rpx;
}
.tui-slide-image {
    width: 100%;
    height: 240rpx;
    display: block;
}

.container {
    padding-bottom: env(safe-area-inset-bottom);
}
